<!--
*Author：jxx
 *Contact：283591387@qq.com
 *代码由框架生成,任何更改都可能导致被代码生成器覆盖
 *业务请在@/extension/mall/MebAccount.js此处编写
 -->
<template>
  <div>
    <view-grid ref="grid" :columns="columns" :editFormFields="editFormFields" :editFormFileds="editFormFields" :editFormOptions="editFormOptions"
      :searchFormFields="searchFormFields" :searchFormFileds="searchFormFields" :searchFormOptions="searchFormOptions" :table="table" :extend="extend">
    </view-grid>
  </div>
</template>

<script>
import extend from '@/extension/mall/member_black.js'
import ViewGrid from '@/components/basic/ViewGrid.vue'
var vueParam = {
  components: {
    ViewGrid,
  },
  data() {
    return {
      table: {
        key: 'memberid',
        footer: 'Foots',
        cnName: '黑名单',
        name: 'MebAccount',
        url: '/MebAccount/',
        sortName: 'createDate',
      },
      extend: extend,
      editFormFields: { member_phone: '', member_name: '', idcardtype: '', idnumber: '', member_nickname: '', merchantCode: '', merchantName: '' },
      editFormOptions: [
        [
          {
            title: '手机号',
            field: 'member_phone',
            type: 'phone',
            required: true,
          },
        ],
        [
          {
            title: '会员姓名',
            field: 'member_name',
            type: 'text',
          },
          {
            title: '昵称',
            field: 'member_nickname',
            type: 'text',
          },
        ],
        [
          {
            title: '证件类型',
            field: 'idcardtype',
            type: 'select',
            dataKey: 'certificate_type',
            data: [],
            hidden: true,
          },
          {
            title: '证件号',
            field: 'idnumber',
            type: 'text',
            hidden: true,
          },
        ],
      ],
      searchFormFields: {
        member_name: '',
        member_phone: '',
      },
      searchFormOptions: [
        [
          { title: '姓名', field: 'member_name', type: 'like' },
          { title: '电话', field: 'member_phone', type: 'like' },
        ],
      ],
      columns: [
        { field: 'member_name', title: '姓名', type: 'string', width: 120, align: 'left' },
        { field: 'head_img', title: '照片', type: 'imgupgrade', width: 120, align: 'left' },
        // { field: 'head_img', title: '头像', type: 'imgupgrade', width: 120, align: 'left' },
        { field: 'member_nickname', title: '昵称', type: 'string', width: 120, align: 'left' },
        { field: 'member_sex', title: '性别', bind: { key: 'gender', data: [] }, type: 'string', width: 120, align: 'left' },
        { field: 'member_phone', title: '电话', type: 'string', width: 120, align: 'left' },
        { field: 'idcardtype', title: '证件类型', bind: { key: 'certificate_type', data: [] }, type: 'string', width: 120, align: 'left' },
        { field: 'idnumber', title: '证件号', type: 'string', width: 180, align: 'left' },
        { field: 'note', title: '备注', type: 'string', width: 120, align: 'left' },
        { field: 'countries', title: '国家', type: 'string', width: 120, align: 'left' },
        { field: 'address', title: '地址', type: 'string', width: 120, align: 'left' },
        { field: 'merchantName', title: '商户名称', type: 'string', width: 120, hidden: true, align: 'left' },
        { field: 'merchantCode', title: '商户编码', type: 'string', width: 120, hidden: true, align: 'left' },
        { field: 'distributorCode', title: '分销商', bind: { key: 'distributorList', data: [] }, type: 'string', width: 120, align: 'left' },
      ],
    }
  },
}
export default vueParam
</script>
